<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<meta name="renderer" content="webkit">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>打印样式 | 基础</title>
	<link rel="stylesheet" href="../../assets/dest/css/basic_reset.css">
	<link rel="stylesheet" href="../../assets/dest/css/basic_font.css">
	<link rel="stylesheet" href="../../assets/dest/css/basic_print.css">
	<link rel="stylesheet" href="../demo-lib/doc.css">
</head>
<body>
	<div class="header">
		<dl>
			<dt>项目：</dt>
			<dd>打印样式</dd>
			<dt>描述：</dt>
			<dd>打印时移除内容背景色，字体使用黑色。</dd>
			<dt>资源：</dt>
			<dd>
				<code>basic_reset.css</code>
				<code>basic_font.css</code>
				<code>basic_print.css</code>
			</dd>
		</dl>
	</div>
	<div class="mainbox">
		<img src="../demo-lib/demo_img.png" alt="插图" style="float:left">
		<h1>WTF Lorem?</h1>
		<strong style="color:orange">Lorem ipsum dolor sit amet consectetur adipisicing elit.</strong>  Fuga quos neque autem rerum a velit eligendi exercitationem, adipisci dolorum voluptas suscipit aliquam accusamus dolorem nihil sapiente ipsa, illum, rem magnam harum ipsum voluptatibus laborum beatae. Facilis incidunt eum sequi, blanditiis error deleniti nesciunt! Totam soluta debitis numquam. Quisquam reprehenderit nihil molestiae. Autem officiis optio odio iure ex itaque neque, dicta quam maxime? Aperiam ipsa, impedit dicta laudantium amet qui laboriosam veniam eum, modi officia numquam quidem dignissimos ipsum sapiente nisi provident aliquam itaque voluptas consequatur culpa nobis error natus.
		<p style="background:cyan">Debitis tenetur a, modi odio, expedita eos perspiciatis recusandae totam atque tempora culpa, vitae voluptatem exercitationem?</p>
		<p>Tempore ipsum nobis, dolore quo aut consequatur cum quasi hic non assumenda! Repellat maxime laborum laudantium, itaque quibusdam fugit at quasi dignissimos distinctio pariatur porro nulla, voluptas quidem sint possimus quo animi, aliquam officia eligendi mollitia eos aperiam inventore! Deleniti, dolores repellendus quam iste et, fugiat voluptatem omnis saepe perferendis atque, explicabo nisi provident id? Totam error placeat repellendus consequatur, accusantium aliquam fuga in assumenda enim corporis dolore quo accusamus dignissimos modi cumque ratione? Eaque dolor, aliquam dolore voluptate aut ut enim commodi minima placeat ducimus exercitationem, beatae voluptas officiis distinctio necessitatibus illum delectus ab.</p>
	</div>
</body>
</html>
